<!-- 头部 -->
<header>
  <!-- 快捷菜单 -->
  <div class="xtx-shortcut">
    <div class="container">
      <ul class="fr">
        <li><a href="#">请先登录</a>|</li>
        <li><a href="#">免费登录</a>|</li>
        <li><a href="#">我的订单</a>|</li>
        <li><a href="#">会员中心</a>|</li>
        <li><a href="#">帮助中心</a>|</li>
        <li><a href="#">在线客服</a>|</li>
        <li><a href="#">手机版</a></li>
      </ul>
    </div>
  </div>
  <!-- 主导航 -->
  <div class="xtx-main-nav container">
    <!-- logo -->
    <h1 class="logo fl">
      <a href="#">小兔鲜儿</a>
    </h1>

    <!-- nav -->
    <ul class="nav fl">
      <li><a href="#">首页</a></li>
      <li><a href="#">生鲜</a></li>
      <li><a href="#">美食</a></li>
      <li><a href="#">餐厨</a></li>
      <li><a href="#">电器</a></li>
      <li><a href="#">居家</a></li>
      <li><a href="#">洗护</a></li>
      <li><a href="#">孕婴</a></li>
      <li><a href="#">服装</a></li>
    </ul>
    <!-- search -->
    <div class="search fl">
      <input type="search" placeholder="search" />
    </div>
    <!-- cart -->
    <div class="cart fl">
      <span>2</span>
    </div>
  </div>
</header>
<!--网页入口模块 -->
<div class="xtx-entry">
  <div class="container">
    <ul class="banner">
      <li><a href="#">
          <img src="../assets/uploads/banner_1.png" alt="">
        </a></li>
    </ul>
    <!-- 侧边栏 -->
    <ul class="aside">
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
      <li><a href="#">生鲜 <span>水果 蔬菜</span></a></li>
    </ul>
    <!-- 左右箭头 -->
    <div class="prev"></div>
    <div class="next"></div>
    <!--轮播图指示器 -->
    <ol class="indicator">
      <li></li>
      <li class="active"></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ol>
  </div>
</div>
<!-- 新鲜好物面板 -->
<div class="xtx-new-goods container">
  <div class="goods-hd">
    <h2>新鲜好物 <span>新鲜出品 品质靠谱</span></h2>
    <a href="#" class="all">查看全部</a>
  </div>
  <ul class="goods-list">
    <li>
      <img src="../assets/uploads/new_goods_1.jpg" alt="">
      <h3>小米无线吸尘器F5</h3>
      <p><span>¥</span> 899</p>
    </li>
    <li>
      <img src="../assets/uploads/new_goods_1.jpg" alt="">
      <h3>小米无线吸尘器F5</h3>
      <p><span>¥</span> 899</p>
    </li>
    <li>
      <img src="../assets/uploads/new_goods_1.jpg" alt="">
      <h3>小米无线吸尘器F5</h3>
      <p><span>¥</span> 899</p>
    </li>
    <li>
      <img src="../assets/uploads/new_goods_1.jpg" alt="">
      <h3>小米无线吸尘器F5</h3>
      <p><span>¥</span> 899</p>
    </li>
  </ul>
</div>
<!-- 底部 -->
<footer>
  <!-- 宣传服务 -->
  <div class="xtx-service">
    <div class="container">
      <a>价格亲民</a>
      <a>价格亲民</a>
      <a>价格亲民</a>
    </div>
  </div>
  <!-- 版权信息 -->
  <div class="xtx-copyright">
    <div class="container">
      <p>
        <a href="#">关于我们</a>
        <a href="">关于我们</a>|<a href="">关于我们</a>|<a href="">关于我们</a>|<a href="">关于我们</a>|<a href="">关于我们</a>|<a
          href="">关于我们</a>|<a href="">关于我们</a>
      </p>
      <p>CopyRight@20220214</p>
    </div>
  </div>
</footer>